<template>
  <div class="wrap">
    <header>
      <ly-tab v-model="selectedId" :items="items" :options="options"></ly-tab>
    </header>
    <main>
      <Swiper/>
      <div class="iconList">
        <IconsList/>
      </div>
      <List/>
    </main>
  </div>
</template>
<script>
import Swiper from "./swiper.vue";
import IconsList from "./iconsList";
import List from "./list";
export default {
  data() {
    return {
      selectedId: 0,
      items: [
        { label: "热门" },
        { label: "女装" },
        { label: "百货" },
        { label: "母婴" },
        { label: "手机" },
        { label: "鞋包" },
        { label: "电器" },
        { label: "家具" },
        { label: "运动" }
      ],
      options: {
        activeColor: "red"
        // 可在这里指定labelKey为你数据里文字对应的字段名
      }
    };
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {},
  components: { Swiper, IconsList, List }
};
</script>
<style scoped lang="">
header {
  width: 100%;
  height: 1.3333333333333rem;
  overflow: hidden;
  position: flexd;
  top: 0;
  left: 0;
}
</style>
